<!DOCTYPE html>
<!--总景点页-->
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>景点简介</title>
    <link rel="stylesheet" th:href="@{/base.css}" href="./base.css">
    <link rel="stylesheet" th:href="@{/list.css}" href="./list.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <!--顶部导航区域-->
    <div class="top">
        <div class="top_in">
            <div class="top_left">
                <h1>
                    <p title="大美西安">大美西安</p>
                </h1>
            </div>
            <div class="top_right">
                <ul class="top_nav">
                    <li><a href="">景点介绍</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            游玩攻略
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">1天</a></li>
                            <li><a href="#">2天</a></li>
                            <li><a href="#">3天</a></li>
                            <li><a href="#">4天</a></li>
                            <li><a href="#">5天</a></li>
                            <li><a href="#">6天</a></li>
                            <li><a href="#">7天</a></li>
                        </ul>
                    </li>
                    <li><a href="http://localhost:8081/web/product">天气预报</a></li>
                    <li><a href="">西安tips</a></li>
                </ul>
                <ul class="top_login">
                    <li><a href="">注册</a></li>
                    <li><a href="">登录</a></li>
                    <li><a href=""></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div style="border-bottom: 1px dotted darkgray;margin-top: 10px">
        <!--
        <dl th:each="Spot:${page}" th:object="${Spot}">
            <dd th:text="*{sponame}" style="font-weight: bold">云计算中任务调度研究的调查</dd>
            <dd th:text="*{spotitle}" style="margin-top:5px; ">马小晋,饶国宾,许华虎</dd>
            <dd style="margin-top:5px; ">计算机科学. 2019, 46 (3): 1-8.  doi:10.11896/j.issn.1002-137X.2019.03.001</dd>
            <dd style="margin-top:5px; margin-bottom: -10px" >'
                <span class="glyphicon glyphicon-edit" style="color: orange"></span><a href="#" style="" onclick="zyClick()">摘要</a>
                <span class="glyphicon glyphicon-floppy-save" style="color: orange"></span><a>PDF</a> <span>(1583k)</span>
            </dd>
            <div th:text="*{spotext1}" id="zhaiyaodiv" style="margin-top:10px; margin-bottom: -10px;display:none">
                摘要
            </div>
        </dl>
    </div>-->
    <div class="banner">
        <div class="video">
            <ul>
                <li th:each="Spot:${page}" th:object="${Spot}">
                    <a>
                        <div class="e"><img th:src="@{${Spot.spourl}}"></div>
                        <a th:href="@{/recommend/spot(name=*{sponame})}" th:text="*{sponame}"></a>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="w">
            <a th:href="@{/recommend/spot/all(start=0)}"><button>首页</button></a>&nbsp;&nbsp;
            <a th:if="${not page.isFirst()}" th:href="@{/recommend/spot/all(start=${page.number-1})}"><button>上页</button></a>&nbsp;&nbsp;
            <a th:if="${not page.isLast()}" th:href="@{/recommend/spot/all(start=${page.number+1})}"><button>下页</button></a>&nbsp;&nbsp;
            <a th:href="@{/recommend/spot/all(start=${page.totalPages-1})}"><button>末页</button></a>
        </div>
    </div>
</body>
</html>